$(function(){
    /**
     * 展示数据（一年内中每个月与对应月的随访组比对数据）
     */
    displayPis();
    $("#btn_pis").click(function(){
        displayPis();
    })
    function displayPis(){
        //获取存放图表的地址
        var myChart = echarts.init( document.getElementById('echarts_pis') );
        var time = $("#pisTime").val();
        // console.log( "time："+time )
        /*执行ajax*/
        $.ajax({
            url:"../../main/findByTime",
            type:"post",
            data:"timeMonth="+time,
            dataType:"json",
            success:function(map){
                //准备JSON数据
                var names = [];
                var brower = [];
                for(var i=0;i<map.chartList.length;i++){
                    names.push(map.chartList[i].name+"月");
                    brower.push(map.chartList[i].value);
                }
                // console.log("names："+names);
                // console.log("brower："+brower);
                //展示图表
                var option = {
                    title : {
                        text: '患者数量统计｛患者数量/月份，的数据统计｝'
                    },
                    tooltip : {
                        trigger: 'axis'
                    },
                    calculable : true,
                    xAxis : [
                        {
                            type : 'category',
                            data : names
                        }
                    ],
                    yAxis : [
                        {
                            type : 'value'
                        }
                    ],
                    series : [
                        {
                            name:'患者数量',
                            type:'bar',
                            data: brower
                        }
                    ]
                };
                myChart.setOption(option);
            },
            error:function(){
                top.location.href='404.jsp'
            }
        });
    };

    /**
     * 展示数据（一年内中每个月与对应月的患者比对数据）
     */
    displayGroupTable();
    $("#btn_groupTable").click(function(){
        displayGroupTable();
    })
    function displayGroupTable(){
        //获取存放图表的地址
        var myChart2 = echarts.init( document.getElementById('echarts_grouptable') );
        var time = $("#createTime").val();
        /*执行ajax*/
        $.ajax({
            url:"../../main/findByCreatorTime",
            type:"post",
            data:"timeMonth="+time,
            dataType:"json",
            success:function(map){
                //准备JSON数据
                var dates = [];
                for(var i=0;i<map.chartList.length;i++){
                    //dates.push( "{value:"+map.chartList[i].value+",name:'"+map.chartList[i].name+"月'}" );
                    dates.push( map.chartList[i] );
                }
                //展示图表
                var option2 = {
                    title : {
                        text: '随访组数量统计｛随访组数量/月份，的数据统计｝',
                        x:'center'
                    },
                    tooltip: {
                        trigger: 'item',
                        formatter: "{a}<br/>{b}:{c}({d}%)"
                    },
                    legend: {
                        orient: 'vertical',
                        x: 'left',
                        data:['1月','2月','3月','4月','5月','6月','7月','8月','9月','10月','11月','12月']
                    },
                    series: [
                        {
                            name:'访问来源',
                            type:'pie',
                            radius: ['40%', '60%'],
                            avoidLabelOverlap: false,
                            label: {
                                emphasis: {
                                    show: true,
                                    textStyle: {
                                        fontSize: '30',
                                        fontWeight: 'bold'
                                    }
                                }
                            },
                            labelLine: {
                                normal: {
                                    show: false
                                }
                            },
                            data:dates,
                        }
                    ]
                };
                myChart2.setOption(option2);
            },
            error:function(){
                top.location.href='404.jsp'
            }
        });
    };
})